<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>I love these songs</title>
    <script src="/js/jquery.tools.min.js">
    </script>
    <link type="text/css" href="/css/grid.css" media="screen" rel="stylesheet">
  </head>
  <body>
    <div class="container_12 how_work main_content">
      <div class="grid_4">
        <h2>Search a song</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec justo quis ante cursus egestas a et dolor. Suspendisse vitae lorem dui, in tincidunt velit. 
        </p>
      </div>
      <div class="grid_4">
        <h2>Add to playlist</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec justo quis ante cursus egestas a et dolor. Suspendisse vitae lorem dui, in tincidunt velit. 
        </p>
      </div>
      <div class="grid_4">
        <h2>Share with your friends</h2>
        <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec justo quis ante cursus egestas a et dolor. Suspendisse vitae lorem dui, in tincidunt velit. 
        </p>
      </div>
      <div class="clear">
      </div>
      <!-- tab principale -->
      <div class="grid_12 tab_container">
        <ul class="tabs">
          <li class="grid_2">
            <a href="#">Search</a>
          </li>
          <li class="grid_2">
            <a href="#">My Playists</a>
          </li>
          <li class="grid_2">
            <a href="#">Suggested</a>
          </li>
        </ul>
        <div class="panes">
          
          <div class="grid_12 search_box">
            <form action="#" method="post">
              <fieldset>
                <label for="search_title">
                  Titolo
                </label>
                <input type="text" id="search_title" name="serch[title]" /><input type="submit" value="Cerca" />
              </fieldset>
            </form>
          </div>
          
          <div class="grid_12 playlists">
            <p>
              Palylist utente
            </p>
          </div>
          
          <div class="grid_12 suggets">
            <p>
              Suggerimenti
            </p>
          </div>
          
        </div>
      </div>
      <script type="text/javascript">
        $("ul.tabs").tabs("div.panes > div");
      </script>
      <!-- /tab principale -->
    </div>
  </body>
</html>
